import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    isLogin: sessionStorage.getItem('isLogin'),   // 用于表示用户是否已登录
    name: sessionStorage.getItem('name')          // 用于表示当前用户名
  },
  getters: {
  },
  mutations: {
    /** 定义一个方法 当登录成功后修改state
     *  state: vuex将会自动传入state对象，方便操作变量
     *  newname: 该参数是调用者携带的自定义参数
     */
    loginOK(state, newname){
      state.isLogin = true
      state.name = newname
      // 将用户信息存入sessionStorage  持久化保存，防止刷新丢失登录状态
      sessionStorage.setItem('isLogin', true)
      sessionStorage.setItem('name', newname)
    }
  },
  actions: {
  },
  modules: {
  }
})
